import React, { memo  } from 'react'

import HYTopRanking from './c-pages/top-ranking'
import HYRankingHeader from './c-pages/ranking-header'
import HYRankingList from './c-pages/ranking-list'
import {
  RankingWrapper,
  RankingLeft,
  RankingRight,
} from './style'

export default memo(function HYRanking() {
  return (
    <RankingWrapper className="wrap-v2">
      <RankingLeft>
        <HYTopRanking />
      </RankingLeft>
      <RankingRight>
        <HYRankingHeader />
        <HYRankingList />
      </RankingRight>
    </RankingWrapper>
  )
})

